<link href="css/cupertino/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<style>
/* -- custom jquery ui setting (overriding default) -- */
.ui-widget { 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 0.9em; 
}
.ui-dialog .ui-dialog-content{
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 0.9em; 
}
.ui-dialog-titlebar-close {
  visibility: hidden;
}

/* alternative solution
.no-close .ui-dialog-titlebar-close{
	display:none;
} */
/* -- end custom jquery ui setting -- */
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
}
td{
	padding: 3px;
}
.Warning, .Validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	/*-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #7C8094;*/
}
.Warning{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('images/info.png');
}
.ErrorSmall, .SuccessSmall{
	float:left;
	width:13%;
	border: 1px solid;
	margin: 10px 0px;
	padding: 5px 5px 5px 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #7C8094;
}
.PaidMessage{
	float:left;
	width:20%;
	border: 1px solid;
	margin: 10px 0px;
	padding: 5px 5px 5px 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
	/*-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #7C8094;*/
}
.ErrorSmall{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('images/error_small.png');
}
.PaidMessage, .SuccessSmall {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('images/success_small.png');
}
a{
	color:#2E399A;
}
h2{
	font-family: "Lucida Console", Monaco, monospace;
	float:left;
	margin-left:18px;
	text-shadow:1px 1px 2px #696969;
	color:#2E399A;
}
.kheader{
	font-weight: bold;
}
#empty{
	min-width:100px;
}
#CompanyLogo{
	background-image: url('images/padgett_logo_small.jpg');
	background-repeat: no-repeat;
}
hr {
 	background: #ddd; 
 	clear: both; 
    float: none; 
    width: 100%; 
    height: 1px;
    margin: 0 0 1.4em;
    border: none; 
}
.ClientCard{
	width:90%;
	height:100%;
	position:relative;
	left:10px;
	top:10px;
	float:left;
	margin:10px;
	padding:0px;
	border:1px solid #a3a3a3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #414F94;
	background-color:#F2F2F2;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	font-size: 0.9em;
}
.BusinessClientCard{
	width:90%;
	height:100%;
	position:relative;
	left:10px;
	top:10px;
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #a3a3a3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #414F94;
	background-color:#dedede;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	font-size: 0.9em;
}
.ClientCardInfo{
	padding:0px;
	margin:5px;
	float:left;
	width:300px;
	height:100px;
	border:0px solid #a3a3a3;
}
.InvoiceCard{
	width:95%;
	position:relative;
	left:16px;
	float:left;
	margin:5px;
	padding:10px;
	/*border:1px solid #a3a3a3;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #7C8094;
	background-color:#F2F2F2;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
}
.InvoiceCardInfo{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	font-size: 0.9em;
}
.ServiceCard{
	width:95%;
	position:relative;
	left:10px;
	float:left;
	margin:5px;
	padding:10px;
	/*border:1px solid #a3a3a3;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #414F94;
	background-color:#F2F2F2;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
}
.ServiceCardInfo{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	font-size: 0.9em;
}
.ClientCardContact{
	padding:0px;
	margin:5px;
	float:left;
	width:300px;
	height:100px;
	border:0px solid #a3a3a3;
}
.ClientCardNumbers{
	padding:0px;
	margin:5px;
	float:left;
	width:300px;
	height:100px;
	border:0px solid #a3a3a3;
}
.ClientListContainer{
	position:relative;
	float:left;
	width:100%;
}
.ServiceListContainer{
	position:absolute;
	top:90px;
	float:left;
}
.ServicesContainer{
	/*position:absolute;
	float:left;
	top:90px;*/
	width:90%;
	height:100%;
	position:relative;
	left:10px;
	top:10px;
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #a3a3a3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #414F94;
	background-color:#F2F2F2;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	font-size: 0.9em;
}
.InvoicesContainer{
	width: 90%;
}
.ClientContainer{
width:90%;
	height:100%;
	position:relative;
	left:10px;
	top:10px;
	float:left;
	margin:10px;
	padding:10px;
	border:1px solid #a3a3a3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid #414F94;
	background-color:#F2F2F2;
	-webkit-box-shadow: #706F73 2px 2px 2px;
	box-shadow: #706F73 2px 2px 2px; 
	-shadow: #706F73 2px 2px 2px;
	font-size: 0.9em;
}
.Message{
	color:red;
	font:italic 11px verdana,times,serif;
}
.RequiredField{
	padding-left: 3px;
	color:red;
}
#ReportContainer{
	float:left;
	width:97%;
}
#ReportListHeading{
	float:left;
	width:100%;
}
#ReportName{
	float:left;
	width:30%;
	padding:5px 5px 5px 5px;
}
#ReportDescription{
	float:left;
	width:70%;
	padding:5px 5px 5px 5px;
}
.ReportName{
	float:left;
	width:30%;
	padding:5px 5px 5px 5px;
}
.ReportDescription{
	float:left;
	width:70%;
	padding:5px 5px 5px 5px;
}
</style>